<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1 id="5">Hello world!</h1>
    <h2>Hello world!</h2>
    <div>
        <tile>你好<br \>
            hello.<br \>
        </tile>
        <h4>1.超链接<br\></h4>
            <a href="http://www.baidu.com" target="_black">外部链接<br \> _self表示在当前窗口打开链接</a>
            <a href="index.html"  target="_self">链接测试<br \></a>
        <h4>2.空连接</h4>
            <a href="#" target="_self">空连接,</a>
        <h4>3.下载链接</h4>
            <a href="12.zip" target="_self">下载链接</a>
        <h4>4.网页元素的超链接</h4>
            <a href="http://www.baidu.com" style="text-decoration:none"><img src="2.png" height=100 title="www.baidu.com"></a><br \>
            <div style="text-indent:2em;">音频视频也可以做成超链接（实现缩进的方法）<br \></div> 
    <img src="" height=400 alt="图片不见了" title="1.jpg">  
        <h4>5.锚点链接</h4>
            <h5>1.目录</h5>
            <a href="#1">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;个人简介</a><br \>
            <a href="#2">&nbsp;主要作品</a><br \>
            <a href="#3">家庭成员</a><br \>
            <a href="#4">相册</a><br \>
        <!-- <a href="">可以快速链接到页面的各个地方</a>注释   ctrl / -->
        <br \><br \><br \>
        <br \><br \><br \><br \><br \><br \><br \><br \><br \><br \><br \><br \><br \><br \><br \><br \>

        <h4 id="1">个人简介1</h4>
        <h4 id="2">主要作品2</h4>
        <h4 id="3">家庭成员3</h4>
        <h4 id="4">相册</h4>
        <a href="#5">返回目录</a>
</body>
</html>